<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
	<ui:composition template="/design/template.xhtml">
    <ui:define name="body">

      <h:form id="frmUsuario" acceptcharset="ISO-8859-1">
      <h:inputHidden id="codigoUsuario" value="#{usuarioAction.usuario.codigo}"/> 
      <p:panel id="pnlUsuario" header="Dados usuário">

        <p:spacer height="10" />
        <p:messages id="messages" autoUpdate="true" />

        <h:panelGrid columns="3" cellpadding="4" >

          <h:outputText value="Nome:" styleClass="formLabel" />
          <p:spacer width="6" />
          <p:inputText id="usuarioName" value="#{usuarioAction.usuario.nome}" style="width:250px;"
            required="true" requiredMessage="Nome obrigatório!">
          </p:inputText>

          <h:outputText value="E-mail:" styleClass="formLabel" />
          <p:spacer width="6" />
          <p:inputText id="usuarioEmail" value="#{usuarioAction.usuario.email}" style="width:250px;"
            required="true" requiredMessage="E-mail obrigatório!" 
            validatorMessage="E-mail inválido!">
            <f:validator validatorId="emailValidator" />
          </p:inputText>

          <h:outputText value="Cadastro:" styleClass="formLabel" />
          <p:spacer width="6" />
          <h:outputText id="cadastro" value="#{usuarioAction.usuario.dataCadastroFormatado}" style="width:150px;"  />

        </h:panelGrid>
        <p:spacer height="10" />
        <p:outputPanel id="pnlButons">
          <div align="left" id="divButons">
            <p:commandButton action="#{usuarioAction.iniciar}" update="pnlUsuario" value="cancelar" ajax="false" immediate="true" />
            <p:spacer width="10" />
            <p:commandButton action="#{usuarioAction.alterarDados}" update="pnlUsuario" value="confirmar" ajax="false" />
          </div>
        </p:outputPanel>			

    </p:panel>
    </h:form>

  </ui:define>
  </ui:composition>
</html>
